<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="author" content="Guillaume Laborde - Guillaume Lameyre" />
<link rel="stylesheet" media="screen" type="text/css" title="style" href="css/style.css" />
<title>ContactBook</title>
</head>

<body>

	<c:set var="account" value="${sessionScope.account}"></c:set>	
	<c:set var="contactsWithoutGroup" value="${requestScope.contactsWithoutGroup}" />
	<c:set var="groups" value="${requestScope.groups}" />
	
	<c:if test="${empty account}">
		<div id="mainframe">
			<c:import url="include/publicBanner.html" />
			<h1>Bienvenue</h1>
			<div id="content">
				<p>Pour utiliser le Contact Book, vous devez au préalable avoir créer un compte. Si ceci n'est pas déjà fait, cliquez sur le bouton "Créer un compte".</p>
				<p>Si vous disposez déjà d'un compte utilisateur, cliquez sur "Connexion".</p>
			</div>
			<c:import url="include/bottom.html" />
		</div>
	</c:if>
	
	<c:if test="${not empty account}">
		
		<div id="mainframe">
			<c:import url="include/privateBanner.html" />
			<h1>Bienvenue <jsp:getProperty name="account" property="login"/></h1>

			<div id="content">
			
				
				<c:if test="${empty groups}">
					<p class="warning">Vous n'avez créé aucun groupe pour le moment.</p>
					<p>Vous pouvez ajouter un groupe en cliquant sur "Groupes" dans le menu ci-dessus.</p>
					<c:if test="${empty contactsWithoutGroup}">
						<p>Vous pouvez cependant créer des contats sans avoir créé de groupe auparavant. Ils seront automatiquement affectés à un groupe par défaut. Vous pourrez pas la suite les ré-affecter à vos propres groupes.</p>
					</c:if>
					<c:if test="${not empty contactsWithoutGroup}">
						<p>Tous les contacts que vous avez créés pour le moment se trouvent dans un groupe par défaut.</p>
					</c:if>
				</c:if>
				
            	<c:forEach var="group" items="${groups}">
            		<jsp:useBean id="group" class="contactbook.model.Group" scope="page" />
            		<fieldset>
            			<legend><img src="images/group.png" alt="" /> <jsp:getProperty name="group" property="name" /></legend>
            			<c:if test="${empty group.contacts}" >
            				<tr><td><span class="warning">Il n'y a aucun contact dans ce groupe</span></td></tr>
            			</c:if>
	            		<table class="border">
	                        <c:forEach var="contact" items="${group.contacts}">
	                        	<jsp:useBean id="contact" class="contactbook.model.Contact" scope="page" />
	                        	<tr>
		                        	<td width="20px"><img src="images/contact.png" alt="" /></td>
		            				<td><jsp:getProperty name="contact" property="firstName" /> <jsp:getProperty name="contact" property="lastName" /><br /></td>
		            			</tr>
	                        </c:forEach>
                       	</table>
            		</fieldset>
            	</c:forEach>
            	
            	<c:if test="${not empty contactsWithoutGroup}">
	            	<fieldset>
	            		<legend><img src="images/no_group.png" alt="" /> Groupe par défaut</legend>
	            		<table class="border">
		            		<c:forEach var="contactWithoutGroup" items="${contactsWithoutGroup}">
		            			<jsp:useBean id="contactWithoutGroup" class="contactbook.model.Contact" scope="page" />
		            			<tr>
		            				<td width="20px"><img src="images/contact.png" alt="" /></td>
		            				<td><jsp:getProperty name="contactWithoutGroup" property="firstName" /> <jsp:getProperty name="contactWithoutGroup" property="lastName" /><br /></td>
		            			</tr>
		            		</c:forEach>
	            		</table>
	            	</fieldset>
            	</c:if>
            	
			</div>
			<c:import url="include/bottom.html" />
		</div>
	</c:if>
	
</body>
</html>